<template>
  <div>
    <h2>Child</h2>
    <header>
      <!-- 标题内容放这里 -->
      <h1><slot name="header"></slot></h1>
    </header>
    <main>
      <!-- 主要内容放这里 -->
      <slot></slot>
    </main>
    <footer>
      <!-- 底部内容放这里 -->
      <h4><slot name="footer"></slot></h4>
    </footer>
    <!-- <h3> -->
    <!--组件的内容部分占据 插槽 位置 -->
    <!-- 任何合法内容都将占据插槽位置 -->
    <!-- <slot> -->
    <!-- Submit -->
    <!-- 默认内容 -->
    <!-- </slot> -->
    <!-- </h3> -->
  </div>
</template>

<script setup></script>
